<template>
  <div id="app">
    <h1>4</h1>
    <div class="item"></div>
    <to-do-list></to-do-list>
    <flex-direction-t></flex-direction-t>
    <justify-content></justify-content>
    <align-items></align-items>
    <flex-grow></flex-grow>
    <flex-center></flex-center>
    <top-menu></top-menu>
    <h1>5</h1>
    <relative></relative>
    <absolute></absolute>
    <absolute-center></absolute-center>
    <icon></icon>
    <fixed></fixed>
    <top-menu-fixed></top-menu-fixed>
    <h1>6</h1>
    <vue-base></vue-base>
    <index></index>
    <to-do-list-components></to-do-list-components>
  </div>
</template>

<script>
import FlexDirectionT from "./views/lesson4/flex-direction-t.vue";
import toDoList from "./views/lesson4/toDoList.vue";
import JustifyContent from "./views/lesson4/justify-content.vue";
import AlignItems from "./views/lesson4/align-items.vue";
import FlexGrow from "./views/lesson4/flex-grow.vue";
import FlexCenter from "./views/lesson4/flex-center.vue";
import TopMenu from "./views/lesson4/topMenu.vue";
import Relative from "./views/lesson5/relative.vue";
import Absolute from "./views/lesson5/absolute.vue";
import AbsoluteCenter from "./views/lesson5/absolute-center.vue";
import Icon from "./views/lesson5/icon.vue";
import Fixed from "./views/lesson5/fixed.vue";
import TopMenuFixed from "./views/lesson5/topMenu-fixed.vue";
import VueBase from "./views/lesson6/vueBase.vue";
import Index from "./views/lesson6/index.vue";
import ToDoListComponents from "./views/lesson6/toDoListComponents.vue";

export default {
  components: {
    toDoList,
    FlexDirectionT,
    JustifyContent,
    AlignItems,
    FlexGrow,
    FlexCenter,
    TopMenu,
    Relative,
    Absolute,
    AbsoluteCenter,
    Icon,
    Fixed,
    TopMenuFixed,
    VueBase,
    Index,
    ToDoListComponents,
    FlexDirectionT,
  },
  data() {},
  methods: {},
};
</script>

<style>
</style>
